body, p, div, a {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}
a {
  /* 取消链接默认的下划线 */
  text-decoration: none;
}
body {
  background-color: #010001;
  min-width: 1200px;
}
/* 固定导航栏 */
.header{
  width: 100%;
  height: 48px;
  background-color: #010001;
  /* 固定定位 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.headerContent {
  width: 1200px;
  height: 48px;
   margin: auto;
   /* background-color: blueviolet; */
   
}
.headerContent img {
  float: left;
  margin-top: 10px;
}
.nav {
  float: right; 
  line-height: 48px;
}
.nav a {
  color: #a4a4a4a4;
  margin-left: 35px;
}
/* 首屏 */
.section1 {
  color: aqua;
  background-image: url(../images/section1_bg.jpg);
  /* 图片水平垂直居中 */
  background-position: center; 
}
.title-box {
  width: 100%;
  /* background-color: aqua; */
  position: absolute;
  top: 150px;

}
.title-box p {
  font-size: 60px;
  text-align: center;
  margin-bottom: 25px;
  /* 字间距 */
  letter-spacing: 2px;
  color: #fff;
}
.title-box a {
  display: block;
  width: 300px;
  height: 60px;
  margin: auto;
  
  background-image: url(../images//links.png);
}
.title-box a:hover {
  background-position: -300px;

}
.ball1{
  position: absolute;
  top: 22.7%;
  left: 20%;
  width: 13.2%;
  /* 调用动画 */
  animation: ball 5s linear infinite alternate;
}
.ball2{
  position: absolute;
  width: 22.3%;
  top: 49.8%;
  left: 65.16%;
         /* 动画名称  持续时间 运动轨迹 次数 是否反方向 */
  animation: ball 3s linear infinite alternate;
  
}
/* 创建动画 */
@keyframes ball {
  from{
    margin-top: 0;
  }
  to {
    margin-top: -20px;
  }
} 
.ship {
  position: absolute;
  width: 7.2%;
  left: 63.96%;
  top: 40.18%;
  /* transform: rotate(30deg); */
  animation: ship 3s linear infinite alternate;
}
@keyframes ship {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(30deg)
  }
}
/* 第二屏的视频代码 */
.section video {
  width: 100%;
  height: 100%;
}
/* 文字模块样式 */
.word-content {
  display: none;
  position: absolute;
  /* 绝对定位的盒子垂直居中 */
  top: 50%;
  transform: translateY(-50%);
  left: 18%;
  /* transform: translateX(-50%); */
  /* background-color: lawngreen; */

}
.bigword {
  font-size: 60px;
}
.midword {
  font-size: 36px;
}
.smallword {
  font-size: 16px;
  margin-top: 12px;
}
.section {
  color: #fff;
}
/* 线条的做法 */
.line {
  width: 28px;
  height: 3px;
  background-color: #5e5e5e;
  margin: 20px 0 20px 0;
}
.word-content a {
  display: block;
  width: 200px;
  height: 48px;
  margin-top: 50px;
  background-image: url(../images/link2.png);
}
.word-content a:hover {
 background-position: -200px;
}
.footer {
  width: 100%;
  height: 120px;
  background-color: #131415;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding-top: 38px;
  color: #4a4a4a;
  /* 行高 */
  line-height: 22px;
  font-size: 12px;
  
}
.footer img {
  /* 图片和文字垂直居中 */
  vertical-align: middle;
}
/* 修改小圆点的颜色 */
#fp-nav ul li a.active span {
  background:rgba(255, 255, 255, 0.8);
}
 
